<!DOCTYPE html>
<html lang='zh-CN'>
	<head>
		<meta charset='utf-8'>
		<meta http-equiv='X-UA-Compatible' content='IE=edge'>
		<meta name='viewport' content='width=device-width, initial-scale=1'>
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- Bootstrap -->
		<link href='../lib/bootstrap/dist/css/bootstrap.min.css' rel='stylesheet'>

		<!-- Bootstarp theme -->
		<link href='../lib/bootstrap/dist/css/bootstrap-theme.min.css' rel='stylesheet'>

		<!--  ico -->
		<link rel='icon' href='../img/icon/file.ico'>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src='../lib/JQuery/jquery-1.11.3.min.js'></script>

		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src='../lib/bootstrap/dist/js/bootstrap.min.js'></script>

		<title> 易推网络 -在线下单平台 </title>

		<!-- self -->
		<script src='../js/utility.js'></script>
		<script src='../js/client/index.js'></script>
		<script src='../js/client/new.js'></script>
		<script src='../js/client/microblog.js'></script>

		<link href='../css/client/index.css' rel='stylesheet'>

	</head>

	<body>
		<div class='navbar navbar-default bg-warning navbar-fixed-top' role='navigation'>

			<div class='container-fluid'>

				<!-- brand and toggle get grouped for better mobile display -->
				<div class='navbar-header'>
					<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='' aria-expanded='false'>
						<span class='sr-only'>toggle navigation</span>
						<span class='icon-bar'></span>
						<span class='icon-bar'></span>
						<span class='icon-bar'></span>
					</button>
					<a class='navbar-brand' href='#'>易推网络</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class='collapse navbar-collapse' id='nav-body'>

					<ul class='nav navbar-nav'> 
						<li id='news'> <a href='#'>新闻资源</a> </li>

						<li id='microblog'> <a href='#'>微博资源</a></li>
					</ul>

				</div><!-- /.navbar-collapse -->

			</div><!-- /.container-fluid -->

		</div><!-- /.nav -->

		<div id='myAffix'>

			<ul class='nav nav-tabs' id='filter-bar'>

				<li role='presentation' class='active'>
				<a href ='#'>筛选项&nbsp;&nbsp;<span class='glyphicon glyphicon-hand-right'></span></a>
				</li>

				<li role='presentation'>
				<a data-toggle='collapse' href='#collapseExample' aria-expanded='false' aria-controls='collapseExample'>平台<span class="caret"></span></a>
				</li>

				<li role='presentation'>
				<a data-toggle='collapse' href='#collapseExample1' aria-expanded='false' aria-controls='collapseExample1'>分类<span class="caret"></span></a>
				</li>

				<li role='presentation'>
				<a data-toggle='collapse' href='#collapseExample2' aria-expanded='false' aria-controls='collapseExample2'>地区<span class="caret"></span></a>
				</li>

				<li role='presentation'>
				<a data-toggle='collapse' href='#collapseExample3' aria-expanded='false' aria-controls='collapseExample3'>粉丝数<span class="caret"></span></a>
				</li>
			</ul>

			<div class='collapse tab-pane' role='tabpanel' id='collapseExample'>
				<div class='well'>
					 平台
				</div>
			</div>

			<div class='collapse tab-pane' role='tabpanel' id='collapseExample1'>
				<div class='well'>
					 分类
				</div>
			</div>

			<div class='collapse tab-pane' role='tabpanel' id='collapseExample2'>
				<div class='well'>
					 地区
				</div>
			</div>

			<div class='collapse tab-pane' role='tabpanel' id='collapseExample3'>
				<div class='well'>
					 粉丝数
				</div>
			</div>

		</div>


		<div class='container' id='sell-info-table'>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
			<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccc</p>
		</div>

		<div class='footer'>
			<hr/>
			<div class='container'>
				<span class='glyphicon glyphicon-link'></span>
				<a href="http://www.baidu.com" target="_blank">百度</a>
				<a href="http://www.sohu.com" target="_blank">搜狐</a>
				<a href="http://news.qq.com" target="_blank">腾讯新闻</a>
				<a href="http://www.sina.com.cn" target="_blank">新浪</a>

				<p class='text-right text-muted'><span class='glyphicon glyphicon-copyright-mark'></span>&nbsp; 2014-2016 易推网络所有 粤ICP备15072104号-1</p>
			</div>
		</div>
	</div>
</body>
</html>
